@import "mixin";

.form {
  margin: rem(20px) 0 rem(10px) 0;
  >.form-group {
    display: flex;
    width: 100%;
    height: rem(43px);
    line-height: rem(43px);
    background-color: #fff;
    @include border-bottom-1px(#e5e5e5);
    font-size: 0;
    >a {
      padding: 0 rem(16px);
      display: block;
      width: 100%;
      >input {
        flex: 1;
        width: 100%;
        height: 100%;
        font-size: rem(16px);
        color: #999999;
      }
      >.left {
        flex: 1;
        float: left;
        display: inline-block;
        height: 100%;
        >span {
          font-size: rem(16px);
          color: #333;
        }
      }
      >.right {
        float: right;
        display: inline-block;
        height: 100%;
        >span {
          display: inline-block;
          font-size: rem(16px);
          color: #999999;
        }
        >.arrow-wrapper {
          display: inline-block;
          vertical-align: top;
          height: 100%;
          >.arrow-right {
            display: inline-block;
            margin: 0 0 0 rem(6px);
            vertical-align: middle;
            width: rem(8px);
            height: rem(12.5px);
            @include bg-image('../images/arrow-right');
            background-repeat: no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
          }
        }
      }
    }
  }
}